<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/cart.css" />
    <link rel="stylesheet" href="../font_nrci69s8ye8/iconfont.css" />
  </head>
  <body>
    <!-- 外延 -->
    <div class="extension">
      <!-- 导航栏 -->
      <div class="f_header_wp">
        <div class="u_top_logo"></div>
        <div class="f_nav_lst">
          <a href="">钻石</a>
          <a href="">钻戒</a>
          <a href="">对戒</a>
          <a href="">配饰</a>
          <a href="">定制</a>
          <a href="">品牌故事</a>
          <a href="">体验中心</a>
        </div>
        <div class="f_headeroth_wp">
          <div class="f_ser_wp">
            <span class="iconfont icon-fangdajing"></span>
          </div>
          <a href="" class="icon_car"></a>
          <a href="" class="icon_mycenter">我的鸟巢</a>
        </div>
      </div>
    </div>

    <!-- 侧边固定 -->
    <div class="services">
      <span class="ser_lnk1"></span>
      <a href="" class="ser_lnk2">
        <span class="cart_count">0</span>
      </a>
    </div>

    <!-- 空白区域 -->
    <div class="navTit"></div>

    <!-- 加入购物车的内容详情 -->

    <div class="shopcar_content">
      <div class="shopcar_content_shop_border">
        <div class="f_car_lst_tlt">
          <span class="f_car_lst_tlt_01">商品</span>
          <span class="f_car_lst_tlt_02">戒臂内圈刻字</span>
          <span class="f_car_lst_tlt_03">时光环刻字</span>
          <span class="f_car_lst_tlt_04">手寸</span>
          <span class="f_car_lst_tlt_05">原价</span>
          <span class="f_car_lst_tlt_06">小计</span>
          <span class="f_car_lst_tlt_07">操作</span>
        </div>
      </div>
    </div>

    <div class="shopcar_content_shop_list">
      <div class="shopcar_content_shop_list_1">
        <a href="">
          <img src="../img/26345_303_.jpg" alt="" class="shopcar_content_pic" />
        </a>
        <div class="shopcar_content_shop_list_text vert_wrap">
          <div class="vert_subwrap">
            <a href="">拥暖(吊坠)-白18K金钻石吊坠</a>
          </div>
        </div>
      </div>

      <div class="add_row_02 vert_wrap"></div>
      <div class="add_row_03 vert_wrap"></div>
      <div class="add_row_04 vert_wrap">
        <div class="vert_subwrap">13.0</div>
      </div>

      <div class="shopcar_content_shop_list_2 vert_wrap">
        <div class="vert_subwrap">￥3680</div>
      </div>

      <div class="shopcar_content_shop_list_4 vert_wrap">
        <div class="vert_subwrap">￥3680</div>
      </div>

      <div class="shopcar_content_shop_list_3 vert_wrap">
        <div class="vert_subwrap">移除</div>
      </div>
    </div>

    <!-- 清空购物车 -->
    <div class="shopcar_footer" style="margin-top: 14px">
      <div class="shopcar_footer_left">
        <div class="shopcar_footer_left_2">清空购物车</div>
        <div class="shopcar_footer_left_1">
          <a href="">继续购物</a>
        </div>
      </div>

      <div class="shopcar_footer_right">
        <div class="shopcar_footer_right_2">
          <span>订单总额</span>
          <span class="shopcar_content_yuan">￥</span>
          <span style="padding-top: 1px; margin-left: 8px">3680</span>
        </div>
      </div>
    </div>
    <div
      style="
        clear: both;
        text-align: right;
        width: 1200px;
        height: 54px;
        margin: 0 auto;
      "
    >
      <input type="button" value="请输入" class="shopcar_footers" />
    </div>

    <div class="clearHight" style="height: 100px"></div>

    <!-- footer -->
    <div class="g_ftpink_wp">
      <div class="g_ftbor_wp">
        <!-- 右边小程序图片 -->
        <div class="g_codepic_wp"></div>
        <div class="g_footer_wp">
          <!-- 第一列 -->
          <div class="footer_lnk_lst">
            <b>关于我们</b>
            <a href="">品牌简介</a>
            <a href="">市场合作</a>
            <a href="">诚聘贤才</a>
            <a href="">商务加盟</a>
          </div>
          <div class="footer_lnk_lst">
            <b>关于我们</b>
            <a href="">定金规则</a>
            <a href="">定制时间</a>
            <a href="">货品包装</a>
            <a href="">智能定制</a>
            <a href="">钻石课堂</a>
          </div>
          <div class="footer_lnk_lst">
            <b>支付与物流</b>
            <a href="">在线支付</a>
            <a href="">银行转账</a>
            <a href="">海外汇款</a>
            <a href="">体验中心自提</a>
            <a href="">免费配送</a>
          </div>
          <div class="footer_lnk_lst">
            <b>售后服务</b>
            <a href="">会员细则</a>
            <a href="">15天退换货</a>
            <a href="">以小换大</a>
            <a href="">优惠换款</a>
            <a href="">售后服务</a>
          </div>
        </div>

        <!-- 小字 -->
        <div class="ft_friend_info">
          <div>
            <a href="">全部热词</a>
            <a href="">网站地图</a>
            <a href="">在线投诉</a>
            <a href="">&nbsp;&nbsp;备案号：沪ICP备08011593号</a>
            "| Copyright © 2002-2021 www.zbird.com 钻石小鸟&nbsp; All Rights
            Reserved. "
          </div>
          <p>
            上海铂利德钻石有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;021-26011188
          </p>
        </div>

        <!-- 小图 -->
        <div class="ft_img_info">
          <a href="">
            <img src="../img/fot_certi.gif" alt="" width="90" height="30" />
          </a>
          <a href="">
            <img src="../img/fot_certi_02.jpg" alt="" width="90" height="30" />
          </a>
          <a href="">
            <img src="../img/fot_certi_03.jpg" alt="" width="90" height="30" />
          </a>
          <a href="">
            <img src="../img/fot_certi_04.jpg" alt="" width="90" height="30" />
          </a>
          <a href="">
            <img src="../img/picp_bg.png" alt="" width="90" height="30" />
          </a>
        </div>
      </div>
    </div>
  </body>
</html>
